<!doctype html>

<html>

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width">
    <link rel="stylesheet" href="css/stylesheet.css" />
    <script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=a72a8ca78008524d162e8fe2cc2d84b1"></script>
    <script type="text/javascript" src="js/toolbar.js"></script>
    <script type="text/javascript" src="js/qwebchannel.js"></script>
</head>
<body>
    <div id="container"></div>
    <script type="text/javascript">
        // 加载地图并显示图标         // 定义初始位置         var longitude = 119.981432;
        var latitude = 30.366014;
        // 加载地图         var map = new AMap.Map("container", {             resizeEnable: true,		//可缩放             zoom: 11,				//初始化地图层级             center: [longitude, latitude]		//初始化地图中心点         });          // 确定icon         var icon = new AMap.Icon({             image: "pics/plane.png",    //图片大小为56px*68px             //icon可缺省，缺省时为默认的蓝色水滴图标，             size: new AMap.Size(56, 68)
        });          // 加载完成后，设置Uav标记         var marker, marker2;         map.on('complete', function () {
            // 设置图标
          marker =  new AMap.Marker({
                icon: icon, //自定义点标记
                //position: map.getCenter(),	//点标记在地图上显示的位置，默认为地图中心点
                offset: new AMap.Pixel(-28, -34), //设置点标记偏移量
                map: map
            });
        });                   // 设置地图图标和中心的位置         function SetMapCenter(long2, latit2) {
            
            // 传入经纬度，设置地图中心点
            var position = new AMap.LngLat(long2, latit2);  // 标准写法
            // 简写 var position = [116, 39];
            map.setCenter(position);

            marker2 = new AMap.Marker({
                icon: icon, //自定义点标记
                //position: map.getCenter(),	//点标记在地图上显示的位置，默认为地图中心点
                offset: new AMap.Pixel(-28, -34), //设置点标记偏移量
                map: map
            });

            map.remove(marker);
            marker = marker2;
        }   </script>
    <script>
        // 响应飞机移动事件
        var myTimer=null;
        function MoveToEastCity() {
            if (myTimer != null) return;
            // 设置一个定时器
            myTimer = window.setInterval(function () {
                longitude += 0.001;
                SetMapCenter(longitude, latitude);
            }, 100);
        }
        // 停止移动地图
        function StopMoveToEastCity() {
            clearTimeout(myTimer);
            myTimer = null;
        }
    </script>
</body>
</html>